<style>
  .card-header {
    display: block;
    margin-bottom: 10px;
  }

  .card-title {
    padding: 10px 0;
  }

  .card-title:last-child {
    padding: 0;
  }
</style>
<!--页面主要内容-->
<main class="lyear-layout-content">
  <div class="container-fluid p-t-15">
    <div class="row">
      <div class="col-lg-12">
        <div class="card">
          <div class="card-body">
            <div class="form-group col-md-12">
              <button type="button" class="btn btn-default" onclick="javascript:history.back(-1);return false;">返
                回</button>
            </div>
            <header class="card-header">
              <div class="card-title">配送公司：{$Order.express.name}</div>
              <div class="card-title">配送单号：{$Order.expcode}</div>
            </header>
            <ul class="lyear-timeline lyear-timeline-left">
              <li class="lyear-timeline-item">
                <div class="lyear-timeline-item-dot">
                  <span class="badge badge-danger"></span>
                </div>
                <div class="lyear-timeline-item-content">
                  <p class="mb-1"><strong>运输中</strong></p>
                  <p class="mb-0">北京转运中心 已收入</p>
                  <p><time class="mb-3">2020-05-22 17:38</time></p>
                </div>
              </li>
              <li class="lyear-timeline-item text-muted">
                <div class="lyear-timeline-item-dot">
                  <span class="badge"></span>
                </div>
                <div class="lyear-timeline-item-content">
                  <p class="mb-1"><strong>运输中</strong></p>
                  <p class="mb-0">无锡转运中心公司 已发出，下一站，北京转运中心</p>
                  <p><time class="mb-3">2020-05-22 10:25</time></p>
                </div>
              </li>
              <li class="lyear-timeline-item text-muted">
                <div class="lyear-timeline-item-dot">
                  <span class="badge"></span>
                </div>
                <div class="lyear-timeline-item-content">
                  <p class="mb-0">无锡转运中心公司 已收入</p>
                  <p><time class="mb-3">2020-05-22 10:15</time></p>
                </div>
              </li>
              <li class="lyear-timeline-item text-muted">
                <div class="lyear-timeline-item-dot">
                  <span class="badge"></span>
                </div>
                <div class="lyear-timeline-item-content">
                  <p class="mb-1"><strong>已发货</strong></p>
                  <p class="mb-0">包裹已打包，等待揽收</p>
                  <p><time class="mb-3">2020-05-22 09:20</time></p>
                </div>
              </li>
              <li class="lyear-timeline-item text-muted">
                <div class="lyear-timeline-item-dot">
                  <span class="badge"></span>
                </div>
                <div class="lyear-timeline-item-content">
                  <p class="mb-1"><strong>已出库</strong></p>
                  <p class="mb-0">包裹已出库</p>
                  <p><time class="mb-3">2020-05-22 08:45</time></p>
                </div>
              </li>
              <li class="lyear-timeline-item text-muted">
                <div class="lyear-timeline-item-dot">
                  <span class="badge"></span>
                </div>
                <div class="lyear-timeline-item-content">
                  <p class="mb-1"><strong>已下单</strong></p>
                  <p class="mb-0">订单等待配货</p>
                  <p><time class="mb-3">2020-05-22 08:38</time></p>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</main>
<!--End 页面主要内容-->